<div class="abs w500 h500 l100 t100">
  <svg width="510" height="510" class='abs bg-pink'>
    <defs>
      <path id="curve1" d="M10 10 Q 10 500 500 500">
      </path>
      <path id="broken1" d="M10 10 L 10 500 L 500 500">
      </path>

      <filter x="0" y="0" width="1" height="1" id="solid">
        <feFlood flood-color="yellow"/>
        <feComposite in="SourceGraphic"/>
      </filter>
    </defs>
    <use xlink:href="#curve1" stroke="grey" fill="none"></use>

    <text text-anchor="middle" style="stroke:white; stroke-width:0.6em">
      <textPath xlink:href="#curve1" startOffset="50%" alignment-baseline='middle'>
        我是连线的名字 qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM
      </textPath>
    </text>

    <text text-anchor="middle">
      <textPath side="right" xlink:href="#curve1" startOffset="50%" alignment-baseline='middle'>
        我是连线的名字 qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM
      </textPath>
    </text>
  </svg>
</div>

<div class="w500 h500"></div>


<svg width="800" height="800" viewBox="200 0 800 800" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M345.012 621.255h47.439c6.657 0 12.083-5.426 12.083-12.083v-11.301c0-6.656-5.426-12.083-12.083-12.083h-47.439c-6.657 0-12.083 5.426-12.083 12.083v11.301c0 6.657 5.371 12.083 12.083 12.083zM345.012 692.582h47.439c6.657 0 12.083-5.426 12.083-12.083v-11.301c0-6.657-5.426-12.083-12.083-12.083h-47.439c-6.657 0-12.083 5.426-12.083 12.083v11.301c0 6.714 5.371 12.083 12.083 12.083zM457.456 621.255h0.391c9.79 0 17.734-7.942 17.734-17.735v-0.055c0-9.79-7.943-17.734-17.734-17.734h-0.391c-9.79 0-17.734 7.942-17.734 17.734v0.055c0.055 9.79 7.943 17.735 17.734 17.735zM457.456 692.582h0.391c9.79 0 17.734-7.943 17.734-17.735v-0.055c0-9.79-7.943-17.735-17.734-17.735h-0.391c-9.79 0-17.734 7.943-17.734 17.735v0.055c0.055 9.846 7.943 17.735 17.734 17.735zM529.063 621.255h0.391c9.79 0 17.734-7.942 17.734-17.735v-0.055c0-9.79-7.943-17.734-17.734-17.734h-0.391c-9.79 0-17.734 7.942-17.734 17.734v0.055c0.055 9.79 7.943 17.735 17.734 17.735zM529.063 692.582h0.391c9.79 0 17.734-7.943 17.734-17.735v-0.055c0-9.79-7.943-17.735-17.734-17.735h-0.391c-9.79 0-17.734 7.943-17.734 17.735v0.055c0.055 9.846 7.943 17.735 17.734 17.735zM600.165 621.255h0.391c9.79 0 17.735-7.942 17.735-17.735v-0.055c0-9.79-7.943-17.734-17.735-17.734h-0.391c-9.79 0-17.735 7.942-17.735 17.734v0.055c0 9.79 7.943 17.735 17.735 17.735zM600.165 692.582h0.391c9.79 0 17.735-7.943 17.735-17.735v-0.055c0-9.79-7.943-17.735-17.735-17.735h-0.391c-9.79 0-17.735 7.943-17.735 17.735v0.055c0 9.846 7.943 17.735 17.735 17.735zM671.771 621.255h0.391c9.79 0 17.734-7.942 17.734-17.735v-0.055c0-9.79-7.943-17.734-17.734-17.734h-0.391c-9.79 0-17.734 7.942-17.734 17.734v0.055c0 9.79 7.943 17.735 17.734 17.735zM671.771 692.582h0.391c9.79 0 17.734-7.943 17.734-17.735v-0.055c0-9.79-7.943-17.735-17.734-17.735h-0.391c-9.79 0-17.734 7.943-17.734 17.735v0.055c0 9.846 7.943 17.735 17.734 17.735z" fill="#000"></path><path d="M762.679 548.698l-37.034-272.048c-1.231-8.839-8.782-15.441-17.735-15.441h-390.646c-8.894 0-16.447 6.545-17.735 15.383l-38.097 272.103h0.561l-0.729 0.447v193.225c0 11.301 9.174 20.475 20.475 20.475h460.352c11.301 0 20.475-9.174 20.475-20.475v-193.225l-0.615-0.447h0.729zM427.862 328.509l-1.958 31.942h65.285l1.117-36.53h-37.090l56.894-49.229 56.894 49.229h-37.090l1.117 36.53h65.285l-1.958-31.942 79.382 47.83-73.285 50.125-2.070-33.509h-66.292l1.287 42.907h43.355l-66.572 94.319-66.572-94.319h43.355l1.286-42.907h-66.292l-2.070 33.509-73.284-50.125 79.27-47.83zM726.763 727.043h-429.638v-178.343h429.638v178.343z" fill='#000'></path></svg>